<!-- saved from url=(0014)about:internet -->
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Upload meta data for each file</title>
	<link rel="stylesheet" href="styles.css">
</head>
<body>
Sample: <b>filedescription.html</b>&nbsp;&nbsp;<a href="javascript:location.reload(true);"><img border="0" src="images/refresh.png" width="16" height="16">&nbsp;Refresh frame</a>&nbsp;&nbsp;<a target="_parent" href="index.htm"><img border="0" src="images/home.png" width="16" height="16">&nbsp;Examples home</a><br/>
<br/>
<!-- text below wil be shown if JavaScript disabled at browser -->
<span id="noscriptdiv" style="border:1px  solid #FF0000;display:block;padding:5px;text-align:left; background: #FDF2F2;color:#000;">Active Scripting (JavaScript) should be enabled in your browser for this application to function properly!</span>
<script type="text/javascript">
	document.getElementById('noscriptdiv').style.visibility = 'hidden';
	document.getElementById('noscriptdiv').style.height = 0;
	document.getElementById('noscriptdiv').style.padding = 0;
	document.getElementById('noscriptdiv').style.border = 0;
</script>
                    

The example shows how to allow users to add custom meta data for each file. <br>
Use Request.Form[metadatalabel] (for ASP) or $_POST[metadatalabel] collections to read values on server.
<br><br>
For the  example you need to specify script URL that accept the files. Open the example  in a text editor and specify the property value &quot;uploadUrl&quot; of MultiPowUpload object. The value can be: 
<ul>
  <li>For ASP: <code>FileProcessingScripts/ASP/ClearASP/uploadfiles.asp</code></li>
  <li>For PHP : <code>FileProcessingScripts/PHP/uploadfiles.php</code>&nbsp;<strong>(Default script)</strong></li>
  <li>For ASP.NET (C Sharp): <code>FileProcessingScripts/ASP.NET/CSharp/uploadfiles.aspx</code></li>
  <li>For ASP.NET (VB.NET): <code>FileProcessingScripts/ASP.NET/VBNET/uploadfiles.aspx</code></li>
   <li>For Perl : <code>FileProcessingScripts/PERL/uploadfiles.pl</code></li>
   <li>For Cold Fusion : <code>FileProcessingScripts/ColdFusion/uploadfiles.cfm</code></li>
   <li>For JSP : <code>FileProcessingScripts/JSP/uploadfiles.jsp</code></li>
</ul>

<br/>
<div id="MultiPowUpload_holder">
<strong>You need at least 10 version of Flash player!</strong>
<a href="http://www.adobe.com/go/getflashplayer">&nbsp;<img border="0" src="images/get_flash_player.gif" alt="Get Adobe Flash player" /></a>
</div>	
<!-- SWFObject home page: http://code.google.com/p/swfobject/
You can replace src value with the http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js (Most users has such file cached)
 -->
<script type="text/javascript" src="Extra/swfobject.js"></script>
<script type="text/javascript">
	var params = {  
		BGColor: "#FFFFFF"
	};
	
	var attributes = {  
		id: "MultiPowUpload",  
		name: "MultiPowUpload"
	};
	
	//MultiPowUpload partameters goes here
	var flashvars = {
	  "serialNumber": "put your serial number here",	 
	  "uploadUrl": "FileProcessingScripts/PHP/uploadfiles.php", 
	  //Enable description line in list view
	  "listView.description.visible":"true",
	  //And edit icon in thumbnails view
	  "thumbnailView.bottomPanel.showEditIcon":"true",
	  
	  
	  //Redefine build-in comment field
	  "descriptionWindow.inputs.comment.type":"singleline",
	  "descriptionWindow.inputs.comment.index":"1",
	   //This field will be displayed ofor all files
	  "descriptionWindow.inputs.comment.specificForTypes":"",	  
	  "descriptionWindow.inputs.comment.label":"Comment",
	  "descriptionWindow.inputs.comment.message":"File comment",
	  
	  //Add drop down album field to description window:	  
	  "descriptionWindow.inputs.album.type":"dropdown",
	  "descriptionWindow.inputs.album.index":"2",
	  //This field will be displayed on for image files
	  "descriptionWindow.inputs.album.specificForTypes":".jpg;.jpeg;.gif;.png;.bmp",
	  "descriptionWindow.inputs.album.dropDownOptions":"Family;Friends;Other",
	  "descriptionWindow.inputs.album.label":"Album",
	  "descriptionWindow.inputs.album.message":"Select album for image",
	  
	  //Add multiline text input
	  "descriptionWindow.inputs.tags.type":"multiline",
	  "descriptionWindow.inputs.tags.index":"3",
	  //This field will be displayed ofor all files
	  "descriptionWindow.inputs.tags.specificForTypes":"",	 
	  "descriptionWindow.inputs.tags.label":"Tags",
	  "descriptionWindow.inputs.tags.message":"Tags for file",

	  "useExternalInterface": "true"
	};
	//Default MultiPowUpload should have minimum width=400 and minimum height=180
	swfobject.embedSWF("ElementITMultiPowUpload.swf", "MultiPowUpload_holder", "400", "250", "10.0.0", "Extra/expressInstall.swf", flashvars, params, attributes);
</script>


<script type="text/javascript">	
	function MultiPowUpload_onServerResponse(li)
	{	
		var responselable = document.getElementById("serverresponse");		
		responselable.innerHTML += "<strong>" + li.serverResponse + "</strong>";		
	}
</script>
<br/>
<b>You should see server reponse below when upload complete. </b><br/>
<div id="serverresponse">&nbsp;</div>
The file uploader doesnt work? See <a target="_blank" href="http://www.element-it.com/OnlineHelpMulti/MultiPowUpload_Manual_HTML/Troubleshooting.html">here</a> what you need for its proper work. 
<br /><br />
</body>
</html>
